﻿:root {
    --bb-row-label-width: 120px;
    --bb-row-control-padding: 7px;
}

@media (min-width: 576px) {
    .form-inline > * {
        display: flex;
    }

    .form-inline .form-label {
        padding: var(--bb-row-control-padding) 0;
        margin-bottom: 0;
        padding-right: 10px;
        width: var(--bb-row-label-width);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top;
        display: inline-block;
    }

        .form-inline .form-label + * {
            flex: 1;
        }

        .form-inline .form-label + .switch,
        .form-inline .form-label + .form-check {
            padding: var(--bb-row-control-padding) 0;
        }

    .form-inline-end > div > .form-label {
        text-align: right;
    }

    .form-inline-center > div > .form-label {
        text-align: center;
    }
}
